import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: "/zc",
      name: "zc",
      component: () => import("./views/zc.vue")
      
    },
    {
      path: '/about',
      name: 'about',
      redirect: "/index",
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/About.vue'),
      children: [{
        path: "/index",
        name: "index",
        component: () => import("./views/index.vue")
      },
      {
        path: "/yhgl",
        name: "yhgl",
        component: () => import("./views/yhgl.vue")
      },{
        path: "/ppgl",
        name: "ppgl",
        component: () => import("./views/ppgl.vue")
     
        
      },
      {
        path: "/qcgl",
        name: "qcgl",
        component: () => import("./views/qcgl.vue")
        
      },
      {
        path: "/ddgl",
        name: "ddgl",
        component: () => import("./views/ddgl.vue")
        
      },
      {
        path: "/gggl",
        name: "gggl",
        component: () => import("./views/gggl.vue")
        
      },
      
    ]
    }
  ]
})
